<template>
    <div class="magic" :class="[props.layout]">
        <div v-for="(image,index) in props.images" :key="index" class="imageContainer">
            <van-image
                    height="150"
                    :src="image"
            />
        </div>
    </div>
</template>
<script>

    import {createProp} from "../../util/util";

    export default {
        props: {
            props: createProp([Object])
        },
        data() {
            return {
                form: {
                    table: [],
                    from: 0,
                    tableLoading: false,
                    total: 0,
                },

            }
        }
    }
</script>
<style lang="scss">
    .mint-search {
        height: 56px !important;
    }
</style>
<style lang="scss" scoped>
    .magic {
        .imageContainer {
            height: 150px;
        }

        &.二小 {
            display: flex;

            & > div {
                width: 50%;

                img {
                    max-height: 100%;
                    max-width: 100%;
                }

                &:nth-child(2n+1) {
                    padding-right: 5px;

                }

                &:nth-child(2n) {
                    padding-left: 5px;
                }


            }
        }
    }
</style>
